﻿@model DingTalkAgent.Web.Models.Patr_Page
@{
    ViewBag.Title = "List_Partial";
    Layout = null;
}


<div class="dd-box dd-top-line m-t11 m-b11">

    <h4 class="dd-search-bar dd-f dd-tit-bottom-line h50">
        <span class="dd-item-tit left-line fw">详细情况 </span>
    </h4>
    @if (Model.List.Count == 0)
    {
        <div class="nodata">
            <img src="~/Skin/nodata.jpg" />
            <div>没有更多数据了~~~</div>

        </div>
    }
    @foreach (var item in Model.List)
    {
        <div class="dd-list-items">
            <div class="dd-list-item dd-bottom-line p-ddt10 p-r15 p-l15">
                <img src="~/skin/mobile/images/male.png" class="photo p-r10 fl" />
                <div class="dd-list-item-con">
                    <a class="dd-list-item-con-head fr-arrow">
                        <h4 class="search-color">@item.resoreName</h4>
                        <span>市级河段</span>
                        <span>@item.userName</span>
                    </a>
                    <div class="dd-list-item-con-body">
                        <div class="dd-list-item-time "><i class="icon iconfont icon-shijian"></i>@item.CreateTime.ToString("yyyy-MM-dd H:mm")</div>
                        <p class="dd-list-item-describe">
                            <i class="icon iconfont icon-wenben01"></i>
                            @item.remark
                        </p>
                        <div class="dd-list-item-pics dd-f divimg" id="@item.id">


                            @{ var arr = item.imgArr.TrimEnd(',').Split(',');}

                            @foreach (var img in arr)
                            {
                                <div class="dd-list-item-pic-box">
                                    <img src="@img" onclick="showImage('#@item.id','@img')" />
                                </div>
                            }

                        </div>
                        <div class="dd-list-item-address" onclick="loadmap('@item.longitude','@item.latitude','@item.address')">
                            <i class="icon iconfont icon-address"></i>
                            @item.address
                        </div>
                    </div>
                </div>
            </div>
        </div>
                                }
</div>
<style>
    .dd-list-item-pics .dd-list-item-pic-box {
        float:left;
    }
    .dd-list-item-pics {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: none;
}
</style>